<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

	<ui:composition template="/templates/homeLayout.xhtml">
			<ui:define name="pageTitle">Welcome</ui:define>
			<ui:define name="messagesBox">
				<h:messages infoClass="msginfo" warnClass="msgwarn" errorClass="msgerror" 
							showSummary="true" style=" list-style: none;"/>
			</ui:define>
			<ui:define name="mainBanner">
				<rich:panel styleClass="bannerBox">
					<div id="s3slider">
						<ul id="s3sliderContent">
	      					<li class="s3sliderImage">
								<ui:repeat var="adv" value="#{client.advertisements}">
									<h:graphicImage value="#{adv.image.imageData}" width="100%" height="340px"/>
									<span>#{adv.image.imageDesc}</span>
								</ui:repeat>
							</li>
							<div class="clear s3sliderImage"></div>
						</ul>		
					</div>	
				</rich:panel>
			</ui:define>
			<ui:define name="rightPanel">
				<ui:include src="/pages/login.xhtml" />
			</ui:define>
			<ui:define name="smallBox1">
				<rich:panel styleClass="smallPanelBox">					
					<p>Uploading Photos has never been 
					so easier. Just click on browse, select
					the photos to upload, and hit upload. You're
					done !!. Easy..isn't it? </p>
					<f:facet name="header">
						<h:link value="Upload Photos" outcome="/pages/photos/uploadPhotos"/>						
					</f:facet>													
				</rich:panel>
			</ui:define>
			<ui:define name="smallBox2">
				<rich:panel styleClass="smallPanelBox">
					<h:form id="StatusForm">
						<h:panelGrid columns="2">
							<h:inputText id="OrderStatus" value="#{loginAction.userName}"/>
							<h:commandButton value="Get Status" />
						</h:panelGrid>
					</h:form>														
					<p>You don't have to login to check your order status. 
					Just enter your Order Number above and hit Get Status. 
					Its that simple. </p>
					
					<f:facet name="header">							
						<h:link value="Order Status" onclick="document.getElementById('StatusForm:OrderStatus').focus(); return false;"/>
					</f:facet>					
				</rich:panel>				
			</ui:define>
			<ui:define name="smallBox3">
				<rich:panel styleClass="smallPanelBox">
					<p>Check out our other cool products besides printing your 
					photos. Albums, Photo Cards, Photo Frames and many more products..</p>	
					<f:facet name="header">
						<h:link value="Cool Products" outcome="/pages/forgotUserName"/>						
					</f:facet>
				</rich:panel>
			</ui:define>
			<ui:define name="smallBox4">
				<rich:panel styleClass="smallPanelBox">
					<p>Please feel free to contact us</p>
					<f:facet name="header">
						<h:link value="Advertise Here" outcome="/pages/forgotUserName"/>						
					</f:facet>
				</rich:panel>
			</ui:define>
	</ui:composition>

</html>